<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<link rel="icon" href="img/title.ico" type="img/title.ico">
		<link rel="stylesheet" href="css/font-awesome.css">
		<link rel="stylesheet" href="css/regular.css" />
		<link rel="stylesheet" href="D-text.css" type="text/css">
		<title>登录成功</title>
	</head>

	<body class="D-container">
		<div class="D-blackgroup">

			<div class="D-content">
				<div class="D-headbox">
					<a href="#">
						<span class="D-headbox-man"><img src="img/man.png"/></span>
						<span class="D-headbox-woman"><img src="img/woman.png"/></span>
					</a>
				</div>
				<div class="D-massage">
					<a href="#">一个人</a>
					<span class="fa fa-mars " style="color: #1180ff;"></span>
					<span class="fa fa-venus fa-lg" style="color: #ff6e8e;display: none;"></span>
					<br />
					<span class="D-massage-said">他很懒，什么也没留下。。。</span>
				</div>
			</div>
			<!--<D-content></D-content>头像、昵称、性别、个人信息-->
		</div>
		<!--背景云-->
		<div class="D-hyphen">
			<img class="D-hyphen-img" src="img/wave1.png" />
		</div>
		<div class="D-record">
			<ul class="D-ul">
				<li><a href="#">我的积分
            		  	  <span>0</span></a>
				</li>
				<li><a class="D-li-2" href="#">上传文件
            	      	  <span>0</span></a>
				</li>
				<li><a href="#">我的收藏
            	      	   <span>0</span></a>
				</li>
			</ul>
		</div>
		<!--历史活动-->
		<div class="D-word">
			<p>最近上传：</p>
			<ul class="D-ul-word" id="D-wordWrap">
				<li><a href="#">最近上传文档1</a><span class="fa fa-unlock-alt"></span></li>
				<li><a href="#">最近上传文档2</a><span class="fa fa-unlock-alt"></span></li>
				<li><a href="#">最近上传文档3</a><span class="fa fa-unlock-alt"></span></li>
				<li><a href="#">最近上传文档4</a><span class="fa fa-unlock-alt"></span></li>
				<li><a href="#">最近上传文档5</a><span class="fa fa-unlock-alt"></span></li>
			</ul>
		</div>
		<!--最近上传文档-->
		<div class="D-bottom">
			<a href="#"><span class="fa fa-upload fa-1x"></span>上传我的文档</a>
		</div>
		<!--文字轮滚js代码部分-->
		<script type="text/javascript">
			function $(element) {
				if (arguments.length > 1) {
					for (var i = 0, length = arguments.length, elements = []; i < length; i++) {
						elements.push($(arguments[i]));
					}
					return elements;
				}
				if (typeof element == "string") {
					return document.getElementById(element);
				} else {
					return element;
				}
			}
			var Class = {
				create: function() {
					return function() {
						this.initialize.apply(this, arguments);
					}
				}
			}
			Function.prototype.bind = function(object) {
				var method = this;
				return function() {
					method.apply(object, arguments);
				}
			}
			var Scroll = Class.create();
			Scroll.prototype = {
				initialize: function(element, height) {
					this.element = $(element);
					this.element.innerHTML += this.element.innerHTML;
					this.height = height;
					this.maxHeight = this.element.scrollHeight / 2;
					this.counter = 0;
					this.scroll();
					this.timer = "";
					this.element.onmouseover = this.stop.bind(this);
					this.element.onmouseout = function() {
						this.timer = setTimeout(this.scroll.bind(this), 1000);
					}.bind(this);
				},
				scroll: function() {
					if (this.element.scrollTop < this.maxHeight) {
						this.element.scrollTop++;
						this.counter++;
					} else {
						this.element.scrollTop = 0;
						this.counter = 0;
					}
					if (this.counter < this.height) {
						this.timer = setTimeout(this.scroll.bind(this), 22);
					} else {
						this.counter = 0;
						this.timer = setTimeout(this.scroll.bind(this), 3126);
					}
				},
				stop: function() {
					clearTimeout(this.timer);
				}
			}
			var myscroll = new Scroll("D-wordWrap", 26);
		</script>
	</body>
	<!--容器 -->

</html>